<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="../../css/reset.css"/>
	<link rel="stylesheet" type="text/css" href="../../css/list.css"/>

	<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/bootstrap-table.min.css" rel="stylesheet"/>
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"/>
	<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
	<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/bootstrap-table.min.js"></script>
	<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/locale/bootstrap-table-zh-CN.min.js"></script>


</head>
<body>
<table id="express_list"></table>
<script>
	$(function(){
		$("#express_list").bootstrapTable({
			url:"list.do",   //请求数据的地址
			striped:true,    //是否显示行的间隔
			pageNumber:1,    //初始化加载第几页
			pageSize:6,  //单页显示的记录数
			pagination:true, //是否分页
			sidePagination:'server', //server:服务端分页||client：前端分页
			pageList:[6,12,24],  //可选择指定单页记录列表
			showRefresh:true,   //是否显示刷新按钮
			queryParams:function (params){   //上传给服务器的参数
				var temp = {
					offset:params.offset + 0,  //sql语句起始索引
					pageNumber:params.limit   //每页显示数量
				};
				return temp;
			},
			columns:[
				{
					title:"编号",
					field:"id",
					sortable:false  //是否使用列排序
				},
				{
					title:"单号",
					field:"number",
					sortable:false
				},
				{
					title:"姓名",
					field:"userName",
					sortable:false
				},
				{
					title:"电话",
					field:"userPhone",
					sortable:false
				},
				{
					title:"快递公司",
					field:"company",
					sortable:false
				},
				{
					title:"取件码",
					field:"code",
					sortable:false
				},
				{
					title:"入库时间",
					field:"inTime",
					sortable:false
				},
				{
					title:"出库时间",
					field:"outTime",
					sortable:false
				},
				{
					title:"状态",
					field:"status",
					sortable:false
				},
				{
					title:"录入人电话",
					field:"sysPhone",
					sortable:false
				}
			]
		});
	});
</script>
</body>
</html>
